import store from "@/store";

export const formItemStyle = {
  paddingLeft: "20px",
};

export const cellStyle = {
  background: "rgba(28, 155, 252, 0.02)",
  color: "rgb(142, 155, 185)",
  textAlign: "center",
};

// 表头单元格样式
export const headerCellStyle = {
  background: "rgba(28, 155, 252, 0.02)",
  color: "rgb(142, 155, 185)",
  textAlign: "center",
};

// 表格内表单子样式
export const tableFormStyle = {
  marginBottom: 0,
};

export const formBase = [
  {
    label: "创建时间",
    type: "input",
    field: "courierNumber",
    required: true,
  },
  {
    label: "报关公司",
    type: "select",
    field: "type",
    optionsKey: "label",
    optionsValue: "value",
    options: [
      {
        label: "急件",
        value: 1,
      },
      {
        label: "拒签",
        value: 2,
      },
      {
        label: "先验视",
        value: 3,
      },
    ],
  },
  {
    label: "时效/运输方式",
    type: "select",
    field: "type",
    optionsKey: "label",
    optionsValue: "value",
    options: [
      {
        label: "急件",
        value: 1,
      },
      {
        label: "拒签",
        value: 2,
      },
      {
        label: "先验视",
        value: 3,
      },
    ],
  },
  {
    label: "承运商",
    type: "select",
    field: "type",
    optionsKey: "label",
    optionsValue: "value",
    options: [
      {
        label: "急件",
        value: 1,
      },
      {
        label: "拒签",
        value: 2,
      },
      {
        label: "先验视",
        value: 3,
      },
    ],
  },
  {
    label: "车辆状态",
    type: "select",
    field: "type",
    optionsKey: "label",
    optionsValue: "value",
    options: [
      {
        label: "急件",
        value: 1,
      },
      {
        label: "拒签",
        value: 2,
      },
      {
        label: "先验视",
        value: 3,
      },
    ],
  },
  {
    label: "创建人",
    type: "select",
    field: "type",
    optionsKey: "label",
    optionsValue: "value",
    options: [
      {
        label: "急件",
        value: 1,
      },
      {
        label: "拒签",
        value: 2,
      },
      {
        label: "先验视",
        value: 3,
      },
    ],
  },
  {
    label: "仓库",
    type: "select",
    field: "type",
    optionsKey: "label",
    optionsValue: "value",
    options: [
      {
        label: "急件",
        value: 1,
      },
      {
        label: "拒签",
        value: 2,
      },
      {
        label: "先验视",
        value: 3,
      },
    ],
  },
];

export const tableBase = [
  {
    label: "适用日期",
    prop: "courierNumber",
    otherOptions: {},
    operate: {
      type: "input",
      field: "courierNumber",
      rules: /^[a-zA-Z0-9]{1,20}$/,
    },
  },
  {
    label: "ID",
    prop: "courierNumber",
    otherOptions: {},
    operate: {
      type: "input",
      field: "courierNumber",
      rules: /^[a-zA-Z0-9]{1,20}$/,
    },
  },
  {
    label: "车辆编号",
    prop: "courierNumber",
    otherOptions: {},
    operate: {
      type: "input",
      field: "courierNumber",
      rules: /^[a-zA-Z0-9]{1,20}$/,
    },
  },
  {
    label: "车辆状态",
    prop: "courierNumber",
    otherOptions: {},
    operate: {
      type: "input",
      field: "courierNumber",
      rules: /^[a-zA-Z0-9]{1,20}$/,
    },
  },
  {
    label: "状态描述",
    prop: "courierNumber",
    otherOptions: {},
    operate: {
      type: "input",
      field: "courierNumber",
      rules: /^[a-zA-Z0-9]{1,20}$/,
    },
  },
  {
    label: "国内代理",
    prop: "type",
    width: 150,
    operate: {
      type: "select",
      field: "type",
      optionsKey: "label",
      optionsValue: "value",
      options: [
        {
          label: "急件",
          value: 1,
        },
        {
          label: "拒签",
          value: 2,
        },
        {
          label: "先验视",
          value: 3,
        },
      ],
    },
  },
  {
    label: "时效/运输方式",
    prop: "type",
    width: 150,
    operate: {
      type: "select",
      field: "type",
      optionsKey: "label",
      optionsValue: "value",
      options: [
        {
          label: "急件",
          value: 1,
        },
        {
          label: "拒签",
          value: 2,
        },
        {
          label: "先验视",
          value: 3,
        },
      ],
    },
  },
  {
    label: "承运商",
    prop: "type",
    width: 150,
    operate: {
      type: "select",
      field: "type",
      optionsKey: "label",
      optionsValue: "value",
      options: [
        {
          label: "急件",
          value: 1,
        },
        {
          label: "拒签",
          value: 2,
        },
        {
          label: "先验视",
          value: 3,
        },
      ],
    },
  },
  {
    label: "真实柜号",
    prop: "userName",
    width: 150,
    operate: {
      type: "input",
      field: "userName",
    },
  },
  {
    label: "船名/船次",
    prop: "userName",
    width: 150,
    operate: {
      type: "input",
      field: "userName",
    },
  },
  {
    label: "预计开船时间",
    prop: "userName",
    width: 150,
    operate: {
      type: "input",
      field: "userName",
    },
  },
  {
    label: "预计到港时间",
    prop: "remarks",
    otherOptions: {},
    operate: {
      type: "input",
      field: "remarks",
    },
  },
  {
    label: "开始时间",
    prop: "entryEmployee",
    otherOptions: {},
    width: 150,
    operate: {
      type: "input",
      field: "entryEmployee",
    },
  },
  {
    label: "到港时间",
    prop: "entryTime",
    width: "150",
  },
  {
    label: "始发港",
    prop: "entryTime",
    width: "150",
  },
  {
    label: "到达港",
    prop: "entryTime",
    width: "150",
  },
  {
    label: "唛头",
    prop: "entryTime",
    width: "150",
  },
  {
    label: "仓库",
    prop: "entryTime",
    width: "150",
  },
  {
    label: "创建时间",
    prop: "entryTime",
    width: "150",
  },
  {
    label: "创建人",
    prop: "type",
    width: 150,
    operate: {
      type: "select",
      field: "type",
      optionsKey: "label",
      optionsValue: "value",
      options: [
        {
          label: "急件",
          value: 1,
        },
        {
          label: "拒签",
          value: 2,
        },
        {
          label: "先验视",
          value: 3,
        },
      ],
    },
  },
];
